<div class="row clearfix">
    <div class="col-md-12 column">
        <nav class="navbar navbar-default" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">侯体宗的博客</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                <a  class="navbar-brand" href="/"><img src="/images/home/logo1.png" alt="" width="110" height="60"></a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                    <li><a href="/cat/20">php</a></li>
                    <li><a href="/cat/36">laravel</a></li>
                    <li><a href="/cat/2">技术</a></li>
                    <li>
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多分类<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            @foreach($cats as $item)
                                <li><a href="/cat/{{$item->cat_id}}">{{$item->catname}} ({{$item->num}})</a></li><li class="divider"></li>
                            @endforeach
                        </ul>
                    </li>
                </ul>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="请输入...">
                            <div class="input-group-btn">
                                <button class="btn btn-block" id="btnSearch"  style="background:#ccc;"><span class="glyphicon glyphicon-search"></span></button>
                            </div>
                        </div>
                    </div>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    @if (Route::has('login'))
                        @auth
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <img alt="140x140" src="{{ Auth::user()->profile_photo_url }}" class="h-headimg">{{ Auth::user()->name }}<strong class="caret"></strong>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="/user/profile">个人中心</a></li>
                                    <li><a href="#">我的收藏</a></li>
                                    <li><a href="/user/api-tokens">API Tokens</a></li>
                                    <li class="divider"></li>
                                    <li>
                                        <form method="POST" action="/logout"><input type="hidden" name="_token" value="{{ csrf_token() }}">
                                            <a href="http://larabg.com/logout" onclick="event.preventDefault();this.closest('form').submit();" style="display: block;padding: 3px 20px;"><i class="icon ion-android-exit"></i> &nbsp 退出</a>
                                        </form>
                                    </li>
                                </ul>
                            </li>
                        @else
                            <li><a href="#">消息通知</a></li>
                            <li><a href="/register">注册</a></li>
                            <li><a href="/login">登录</a></li>
                        @endif
                    @endif
                </ul>
            </div>

        </nav>
    </div>
</div>
